<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <meta name="csrf-token" content="{{ csrf_token() }}" />
        <!-- 重新修改css -->
        <link rel="stylesheet" href="{{ asset("/custom-templates/css/reset.css") }}" rel="stylesheet" type="text/css"/>
        <!-- area0-5的模板样式 -->
        <link rel="stylesheet" href="{{ asset("/custom-templates/css/area.css") }}" rel="stylesheet" type="text/css"/>
        <!-- bootstrap -->
        <link rel="stylesheet" href="{{ asset("/custom-templates/plugins/bootstrap/bootstrap.min.css") }}" rel="stylesheet" type="text/css"/>
        <!-- font-awesome -->
        <link rel="stylesheet" href="{{ asset("/packages/admin/font-awesome/css/font-awesome.min.css") }}" rel="stylesheet" type="text/css"/>
        <!-- <link rel="stylesheet" href="{{ asset("/packages/admin/layer/skin/default/layer.css") }}" rel="stylesheet" type="text/css"/> -->
        <!-- select2 -->
        <!-- <link rel="stylesheet" href="{{ asset("/custom-templates/plugins/select2/css/select2.min.css") }}" rel="stylesheet" type="text/css"/>
        <link rel="stylesheet" href="{{ asset("/custom-templates/plugins/select2/css/s2-docs.css") }}" rel="stylesheet" type="text/css"/> -->
        <!-- bootstrap-datetimepicker -->
        <!-- <link rel="stylesheet" href="{{ asset("/custom-templates/plugins/bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.css") }}" rel="stylesheet" type="text/css"/> -->
        <!-- datatables -->
        <link href="{{ asset("/custom-templates/datatables/css/css3/animate.css") }}" rel="stylesheet" type="text/css"/>
        <link href="{{ asset("/custom-templates/datatables/css/fonts.css") }}" rel="stylesheet" type="text/css"/>
        <link href="{{ asset("/custom-templates/datatables/css/icons.css") }}" rel="stylesheet" type="text/css"/>
        <link href="{{ asset("/custom-templates/datatables/css/admin/style.css") }}" rel="stylesheet" type="text/css"/>
        <link href="{{ asset("/custom-templates/datatables/css/admin/jquery.dataTables.css") }}" rel="stylesheet" type="text/css"/>
        <!-- 引入p0的css -->
        <link rel="stylesheet" href="{{ asset("/custom-templates/css/biz/p1.css") }}" />
        <style>
            #table_detail_special .pagination a.active{
                color: #23527c;
                background-color: #eee;
                border-color: #ddd;
            }
        </style>
    </head>
    <body>
    <form method="post" enctype="multipart/form-data" name="chat_form" id="chat_form" style="display:none;">
<input name="impic_upload" type="file" id="impic_upload" />
</form>
    <div class="shandowMark" style="width:100%;height:100%;position:absolute;left:0;top:0;z-index:1000;background:#f3f3f4;">
    </div>
      
        <!-- 模板容器 -->
        <div class="ibox-title clearfix selectListTopBox" style="background: #ccc;">
          <div class="innerRow">
           <form class="form-group" role="form">
              <div class="selectListTop">

               <div class="dropdown" id="secondMenu1">
                 <label for="basic" class="control-label">选择栏目列表信息</label>
                 <button type="button" class="btn dropdown-toggle" id="secondLevelMenu1" 
                     data-toggle="dropdown">
                   选择栏目列表
                   <span class="caret"></span>
                 </button>
                 <ul class="dropdown-menu" role="menu" aria-labelledby="secondLevelMenu1">
                 </ul>
               </div>
               <div class="dropdown" id="secondMenu2">
                 <label for="basic" class="control-label">选择栏目</label>
                   <button type="button" class="btn dropdown-toggle" id="secondLevelMenu2" 
                       data-toggle="dropdown">
                     栏目
                     <span class="caret"></span>
                   </button>
                   <ul class="dropdown-menu" role="menu" aria-labelledby="secondLevelMenu2">
                   </ul>
               </div>
               
              </div>
            </form>
            
          </div>
        </div>

        <div id="custom-template-wrap" class="clearfix">
            <div id="p1y2" class="hd-content2" style="">
                <div id="p1y2x0" style="">
                    <ul id="p1y2x0ul" class="hd-nav2">
                    </ul>
                </div>
                <div id="p1y2x1" style="">
                    <div id="p1y2x1y0">
                        <div id="AREA005" class="list-box-widget">
                            <div id="AREA005x0" class="left-arrow" style="">
                            <img src="/custom-templates/images/home/xiangzuo.png"></div>
                            <div class=" list-box-content" id="AREA005x1">
                                <div id="AREA005x1x0" style="">
                                    <div class="ver-box-style" id="AREA005x1x0y0" tabindex="-1">
                                    
                                    </div>
                                    <div id="AREA005x1x0y1">
                                        <ul id="AREA005x1x0y1ul">
                                        </ul>
                                    </div>
                                </div>
                                <div id="AREA005x1x1" style="">
                                    <ul id="AREA005x1x1ul">
                                    </ul>
                                </div>
                            </div>
                            <div id="LISTx1"></div>
                            <div id="AREA005x2" class="right-arrow" style="">
                            <img src="/custom-templates/images/home/xiangyou.png"></div>
                        </div>
                    </div>
                    <div id="p1y2x1y1" class="list-box-back">
                        <span class="page-span"></span>
                    </div>
                </div>
            </div>
        </div>
        
        <div class="ibox-title" style="background:none;">
            <a class="btn btn-default btn-sm table-back-btn" style="">
                <i class="fa fa-arrow-left">
                </i>
                返回
            </a>
        </div>
        <div class="outerBoxTable" style="margin-bottom: 70px;">
            <!-- 详情 -->
        <div class="row col-lg-12 nowAreaDetail animated fadeInUp" id="table_detail_common">
            <div class="wrapper">
                <div class="ibox-title">
                    <h5>
                    </h5>
                    <button class="btn btn-sm btn-primary pull-right detailChangeBtn" type="button">
                        更改
                    </button>
                </div>
                <!-- 右侧模板使用的table -->
                <div class="ibox-content">
                    <table cellspacing="0" class="table table-striped table-bordered table-hover areaDetail" id="table_detail">
                        <thead>
                            <td></td>
                            <td>排序</td>
                            <td>编号</td>
                            <td>名称</td>
                            <td>标题</td>
                        </thead>
                        <tbody>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        <!-- 右侧模板使用的table -->
        <div class="row col-lg-12 nowAreaDetail animated fadeInUp" id="table_detail_special">
            <div class="wrapper">
                <div class="ibox-title">
                <h5 style="width:100%"></h5>
                    <button class="btn-danger btn btn-sm" type="button" id="tables-all-del">
                            删除<i style="margin-left: 6px;" class="glyphicon glyphicon-trash"></i>
                    </button>
                    <button class="btn-primary btn btn-sm detailChangeBtn" type="button" style="top: 6px;position: relative;float: right;">
                        更改
                    </button>
                </div>
                <div class="ibox-content">
                    <table cellspacing="0" class="table table-striped table-bordered table-hover areaDetail">
                        <thead>
                            <th class="specialAllCheck" style="width: 15%;">
                            <input class="tableSpecialdelAll" name="check-all" type="checkbox" value="" >全选/反选<i style="margin-left: 6px;" class="glyphicon glyphicon-trash"></i>
                            </th>
                            <th name="tagDetailSort">排序</th>
                            <th name="tagDetailVassetiId">编号</th>
                            <th name="tagDetailName">名称</th>
                            <th name="tagDetailTitle">标题</th>
                            <th name="tagDetailDone">操作</th>
                        </thead>
                        <tbody>
                        </tbody>
                    </table>
                    <div class="row pagination">

                    </div>
                </div>
                 
            </div>
        </div>
        <!-- table start -->
        
        <!-- table_collistbox 栏目列表 -->

        <div class="row col-lg-12 table-itemSelsbox" id="table_secondbox">
            <div class="wrapper wrapper-content">
                <div class="ibox">
                    <div class="ibox-title clearfix">
                        <h5>
                            栏目列表
                        </h5>
                    </div>

                    <div class="ibox-content">
                        <div class="row">
                            <div class="selectListTop">
                                <div class="from-group pull-left">
                                    <input class="input-sm form-control" id="table-second-search-inp" placeholder="请输入关键字" type="text">
                                </div>
                                <div class="from-group pull-left">
                                     <button class="btn btn-sm btn-primary tables-select-search" type="button">
                                        搜索
                                    </button>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="form-group pull-left">
                            <button class="btn btn-success btn-sm refreshbtn" href="javascript:void(0);" onclick="runRefresh('5')">
                                <i class="im-spinner10 fa-spin">
                                </i>
                                刷新
                            </button>
                            <button class="btn btn-sm btn-primary savebtn" type="button">
                                <i class="fa fa-check savebtn"></i>提交
                            </button>
                            </div>
                            
                        </div>
                        
                        <table cellspacing="0" class="table table-striped table-bordered table-hover dataTable" id="table_second" width="100%">
                        </table>
                    </div>
                </div>
            </div>
        </div>

        <!-- table end -->
        </div>

        <script>
        
        </script>
        
        <!-- jquery -->
        <script type="text/javascript" src="{{ asset("/custom-templates/plugins/jquery/jquery.min.js") }}"></script>
        <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
        <script type="text/javascript" src="{{ asset("/custom-templates/plugins/bootstrap/bootstrap.min.js") }}"></script>
        <!-- select2 -->
        <!-- <script type="text/javascript" src="{{ asset("/custom-templates/plugins/select2/js/select2.min.js") }}"></script> -->
        <!-- bootstrap-datetimepicker -->
        <!-- <script type="text/javascript" src="{{ asset("/custom-templates/plugins/bootstrap-datetimepicker/js/bootstrap-datetimepicker.min.js") }}"></script> -->
        <!-- store.js -->
        <script type="text/javascript" src="{{ asset("/custom-templates/plugins/store/store.min.js") }}"></script>
        <!-- datatables -->
        <!-- <script src="{{ asset("/custom-templates/datatables/js/jquery.min.js") }}" type="text/javascript"></script> -->
        <!-- <script src="{{ asset("/custom-templates/datatables/js/admin/bootstrap.min.js") }}" type="text/javascript"></script> -->
        <script src="{{ asset("/packages/admin/layer/layer.js") }}" type="text/javascript"></script>
        <script src="{{ asset("/custom-templates/datatables/js/admin/jquery.dataTables.js") }}" type="text/javascript"></script>
        <script src="{{ asset("/custom-templates/datatables/js/admin/dataTables.bootstrap.js") }}" type="text/javascript"></script>
        <script src="{{ asset("/custom-templates/datatables/js/admin/colResizable-1.5.min.js") }}" type="text/javascript"></script>
        <script type="text/javascript" src="{{ asset("/custom-templates/plugins/jquery/jquery.form.min.js") }}"></script>
        <!--  -->
        <script type="text/javascript" src="{{ asset("/custom-templates/js/api/api.js") }}"></script>
        <!-- <script type="text/javascript" src="{{ asset("/custom-templates/js/api/config.js") }}"></script> -->
        <!-- 通用 -->
        <!-- <script type="text/javascript" src="{{ asset("/custom-templates/js/comm_interaction.js") }}"></script> -->
        <script type="text/javascript" src="{{ asset("/custom-templates/js/005blade.js") }}"></script>

        <script>
        //    window.initArea005()
            
        </script>
    </body>
</html>
